.poppins{
    text-align: center;
    font: normal normal normal 21px/28px Poppins;
    letter-spacing: 0px;
    color: #3D3D3D;
    opacity: 1;
}
.mid-cotnt{
    vertical-align: middle;
}
.aboutme{
    color: var(--unnamed-color-000000);
text-align: left;
font: normal normal normal 40px/66px Poppins;
letter-spacing: 0px;
color: #000000;
opacity: 1;
}
.aboutmep{
    text-align: left;
font: normal normal normal 21px/28px Montserrat;
letter-spacing: 0px;
color: #3D3D3D;
opacity: 1;
}
.hdg-s-4{
    text-align: left;
    font: normal normal normal 30px/49px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    
}
.hdg-s-4-p{
    text-align: left;
    font: normal normal normal 21px/28px Montserrat;
    letter-spacing: 0px;
    color: #C9C9C9;
    opacity: 1;
}
.aboutme-s5{
    color: var(--unnamed-color-000000);
text-align: left;
font: normal normal normal 40px/61px Poppins;
letter-spacing: 0px;
color: #000000;
opacity: 1;
}
.hdg-s-6{
    text-align: left;
    font: normal normal normal 40px/61px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    /* margin-top: 180px; */
}
.hdg-s-6-p{
    text-align: left;
    font: normal normal normal 21px/42px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.s6-icon{
width: 26px;
height: 26px;
}
.formcontainer{
    width: 615px;

    background-color: rgb(255, 255, 255);

}
.track-font{
    font: normal normal normal 10px/15px Poppins;  
    color: rgb(255, 255, 255);
}
.ftr-ctr{
    display: flex;
}
.clr-white{
    color: #C9C9C9;
}
a:hover {
    color: #36FD0C;
    border-left: 3px solid #36FD0C;
  }
  a:hover span{
    color: #36FD0C;
  
  }
@media screen and (max-width: 768px) {
    .firstbanner{
        height: auto;
    }
    .form-ctnt{
        padding-bottom: 5px !important;
    }
    .f-hdg-c:after{
    display: none;
    }
    .hdg-s-4{
        line-height: 20px !important;
    }
    .txt-ctr{
        text-align: center !important;
    }
    .size-btn{
        width: auto;
        height: auto;
    }
    .formcontainer .send-btn a{
    padding: 7px 30px !important;
    }
    .respo-pb{
        padding: 3px 5px 0px 5px;
    }
    .s6-icon-size{
    width: 15px;
    height: 15px;
    }
    .s6-icon{
        margin-bottom: 5px !important;
        padding-right: 5px !important;
    }
    .form-content{
        margin: 0px;
        padding-left: 5px !important;
    }
    .formcontainer {
        margin: 0px;
        border-radius: 20px;
        width: auto;
        height: auto;
        
    }
    .send-btn{                                                                                                                                                                                                                                                 
        background: transparent linear-gradient(257deg, var(--unnamed-color-36fd0c) 0%, #44C628 100%) 0% 0% no-repeat padding-box !important;
background: transparent linear-gradient(257deg, #36FD0C 0%, #44C628 100%) 0% 0% no-repeat padding-box !important;
border-radius: 28px;
opacity: 1;
    }

    .play-size{
        width: 60px;
        height: auto;
      }
      .ft-30{
        font: normal normal normal 20px/30px Poppins; 
        text-align: center;
        
      }
      .ft-20{
        font: normal normal normal 15px/15px Poppins !important; 
        padding-right: 0px;
        line-height: 20px !important;
      }
      .ft-50{
        font: normal normal normal 40px/50px Poppins; 
        text-align: center;
      }
      .ft-10{
        font: normal normal normal 8px/10px Poppins; 
        font-weight: bold;
        text-align: center;
      }
      .ft-40{
        font: normal normal normal 30px/40px Poppins; 
        text-align: center;
      }
      .ftr-ctr{
        display: block;
        text-align: left;
        padding: 5px 0px 5px 0px;
    }
  }
.form-icon{
    width: 10px;


}
.f-hdg{
text-align: left;
font: normal normal medium 16px/19px Poppins;
font-weight: bold;
letter-spacing: 0.99px;
color: #36404C;
}
.f-hdg-c{
text-align: left;
font: normal normal normal 40px/48px Poppins;
letter-spacing: 1px;
color: #36404C;
opacity: 1;
}
.mg-80{
    margin-left: 80px;
    padding-left: 0px;
}
.f-hdg-c{
    position: relative;
}
.f-hdg-c:after{
    content: "";
    border-bottom: 3px solid #36FD0C;
    width: 15%;
    position: absolute;
    bottom: -17px;
    left: 0;
}

.formcontainer .send-btn a{
    
        background: transparent linear-gradient(257deg, var(--unnamed-color-36fd0c) 0%, #44C628 100%) 0% 0% no-repeat padding-box;
        background: transparent linear-gradient(257deg, #36FD0C 0%, #44C628 100%) 0% 0% no-repeat padding-box;
        border-radius: 28px !important;
        opacity: 1;
        padding: 15px 46px;
        border: none;
        font-size: 17px;
        
}
.formcontainer{
/* border-radius: 20px; */
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.ftr-icon{
    width: 10px;
}
.flex-ftr{
    display: flex;
}
.ftr-center{
    margin-left: 347px;

}
.ftr-logo{

}
a.mail-btn {
    background: transparent linear-gradient(257deg, #36FD0C 0%, #44C628 100%) 0% 0% no-repeat padding-box !important;
    border-radius: 28px;
    opacity: 1;
    padding: 14px 51px;
    border: none;
    color: #000;
    text-decoration-line: none;
}
a.mail-btn {
    background: green;
    padding: 10px;
    color: black;
    text-decoration: none;
    border-radius: 16px;
    background: transparent linear-gradient(257deg, #36FD0C 0%, #44C628 100%) 0% 0% no-repeat padding-box !important;
    padding-left: 30px;
    padding-right: 30px;
}